<div class="form_list">
  <h1>表单提交</h1>
  <ul>
    <li>用户名：<input type="text" [(ngModel)]="form_list.username"></li>
    <li>性 别 ：
      <input type="radio" id="sex1" value="1" name="sex" [(ngModel)]="form_list.sex"><label for="sex1">男 </label>     
      <input type="radio" id="sex12" value="2" name="sex" [(ngModel)]="form_list.sex"><label for="sex2">女 </label>    
    </li>
    <li>选择城市：
      <select [(ngModel)]="form_list.city">
        <option [value]="item" *ngFor="let item of form_list.citys">{{item}}</option>
      </select>
    </li>
    <li>
      爱 好 ：
      <span *ngFor="let item of form_list.aihao let key=index">
        <input type="checkbox" [id]="'check'+key" [(ngModel)]="item.flag" ><label [for]="'check'+key">{{item.name}}</label>&nbsp;&nbsp;&nbsp;
      </span>
      <!-- <input type="checkbox">健身  <input type="checkbox">打球  <input type="checkbox">听歌   -->
    </li>
    <li>
      备注：
      <textarea id="mark" name="mark" [(ngModel)]="form_list.mark"></textarea>
    </li>
    <li>
      <button type="button" (click)="submit()">
        获取数据
      </button>
    </li>
  </ul>
  <pre>
    {{form_list | json}}
  </pre>
</div>